import { NavBar } from 'antd-mobile'
import { BellOutline, LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'
import style from './index.module.css'

function Index() {
  const nav = useNavigate()
  return (
    <div>
      <div className={style.header}>
        <NavBar backArrow={<LeftOutline />} onBack={() => nav(-1)}>医生消息</NavBar>
      </div>
      <div className={style.container} > 
        <div className={style.item} onClick={() => nav('/shop')}>
          <div className={style.iconWrap}>
            <BellOutline />
          </div>
          <div className={style.content}>
            <div className={style.title}>系统通知</div>
            <div className={style.subTitle}>近期热门推荐</div>
          </div>
          <div className={style.date}>9月11日</div>
        </div>
        <div className={style.divider}></div>
      </div>
    </div>
  )
}

export default Index
